<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>

<html>
<head>
<title></title>
<meta name="decorator" content="default" />
<meta name="viewport" content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function goUrl(url) {
		location.href = url;
	}
</script>

</head>
<body>
	<div data-url="demo-page" data-role="page" id="demo-page" data-theme="d">
		<div data-role="header" data-theme="c" style="height: 40px;">
			<a href="#left-panel" data-icon="bars" >导航栏</a>
		</div>
		<!-- /header -->
		<div data-role="content">
        <div class="article">
            <ul   data-role="listview" data-inset="true"
				style="margin: 0px; padding: 0px;width:100%">
            	<li data-corners="false" data-shadow="false" data-iconshadow="true"
					data-wrapperels="div" data-icon="arrow-r" data-iconpos="right"
					data-theme="c"
					class="ui-btn ui-li-has-thumb  ui-btn-icon-right " style="padding-left: 15px;">
					<div class="ui-btn-inner ui-li">
							<a href="#" class="ui-link-inherit"> <img
								src="${ctxUser}/product/${product.indexPic}" class="ui-li-thumb" />
								<h2 class="ui-li-heading">${product.name }</h2>
							</a> 
							<p class="ui-li-desc" style="text-overflow:clip;white-space:normal;" >${product.description }对发生的发生地方撒地方萨芬撒发生地方撒撒地方撒的</p>
						<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
					</div>
				</li>
            </ul>
        </div><!-- /article -->
    </div><!-- /content -->
		
		
		<div data-role="panel" id="left-panel" data-theme="c">
        <ul data-role="listview" data-theme="d">
            <li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
            <c:forEach items="${menus}" var="menu">
				<li data-icon="go"><a href="#" onclick="goUrl('${ctxMobileSite}/${project.id}?menuId=${menu.id}')">${menu.name}</a></li>
			</c:forEach>
        </ul>
    </div><!-- /panel -->
	    <!-- 
		<div class="footer">
			<jsp:include page="${ctxPage}/themes/${theme}/footer.jsp"></jsp:include>
		</div> -->
	</div>
</body>
</html>
